<template>
    <div class="group-view has-header">
        <UserBar></UserBar>
        <Group title="租房找室友" :items="group_a">
            <a class="list-link" href="#" slot="more">更多相关小组</a>
        </Group>
        <Group title="来聊五块钱" :items="group_b">
            <a class="list-link" href="#" slot="more">来聊五块钱</a>
        </Group>
        <Group title="买买买" :items="group_c">
            <a class="list-link" href="#" slot="more">更多相关小组</a>
        </Group>
        <DownloadApp></DownloadApp>
    </div>
</template>

<script>
import {mapState} from 'vuex'
import DownloadApp from '../components/DownloadApp'
import Group from '../components/Group'
import UserBar from '../components/UserBar'

export default {
    name: 'GroupView',
    data(){
        return {

        }
    },
    components: {
        DownloadApp, Group, UserBar
    },
    methods: {
        
    },
    computed: {
        ...mapState('group', [
            'group_a', 
            'group_b',
            'group_c'
        ])
    },
    created () {
        this.$store.dispatch('group/getGroup');
    }
}
</script>

<style lang="scss" scoped>

</style>
